<!--
 * @Author: zhaoqr
 * @Date: 2024-09-24
 * @LastEditTime: 2024-09-24
 * @LastEditors: zhaoqr zhaoqr@channelsoft.com
 * @Description: 
 * @FilePath: \vue3-template\src\components\MyInput.vue
-->
<script setup>
import { ref } from 'vue';
const inputRef = ref();
const helloRef = ref();
defineExpose(
  new Proxy(
    {},
    {
      get (target, key) {
        console.log('get', key);
        return inputRef.value?.[key];
      },
      has (target, key) {
        console.log('has', key);
        return key in inputRef.value;
      }
    }

  )
)
</script>

<template>
  <el-input ref="helloRef"></el-input>
  <el-input ref="inputRef"></el-input>
</template>

<style lang='scss' scoped>
</style>